<template>
       <div class="home">
              <base-header></base-header>
              <van-swipe :autoplay='3000' loop class="banner">
                     <van-swipe-item>
                            <img src="~assets/zjpic-banner.png">
                     </van-swipe-item>
              </van-swipe>
              <!-- 四大功能 -->
              <four-tips></four-tips>
              <three-securities></three-securities>
              <div>
                  新闻资讯
              </div>
       </div>
</template>
<script>
import { Swipe, SwipeItem } from 'vant';
import BaseHeader from '@/components/baseHeader/base_header'
import FourTips from '@/components/homeIndex/fourTips'
import ThreeSecurities from '@/components/homeIndex/threeSecurities'
       export default{
              name:"home",
              components: {
                      BaseHeader,
                      [Swipe.name]: Swipe,
                      [SwipeItem.name]: SwipeItem,
                      FourTips,
                      ThreeSecurities
              }
       }
</script>

<style lang="scss">
.home{
       color:#111;
       .banner{
              height: 2.6rem;
              overflow: hidden;
              // margin-top: 0.1rem;
              // border-radius: 0.2rem;
               img {
                     width: 100%;
                     height: 100%;
                     // border-radius: 0.2rem;
              }
       }
}
</style>